/**
 * @Description: 
 * @author Sun Yan
 * @date $ 
*/

:root{
  /*========== Font and typography ==========*/
  --body-font: 'Open Sans', sans-serif;
  --title-font: 'Raleway', sans-serif;

  --biggest-font-size: 2.5rem;
  --h1-font-size: 1.5rem;
  --h2-font-size: 1.25rem;
  --h3-font-size: 1rem;
  --normal-font-size: .938rem;
  --small-font-size: .813rem;
  --smaller-font-size: .75rem;


  /*========== Font weight ==========*/
  --font-medium: 500;
  --font-semi-bold: 600;

  /*========== Margenes Bottom ==========*/
  --mb-0-25: .25rem;
  --mb-0-5: .5rem;
  --mb-0-75: .75rem;
  --mb-1: 1rem;
  --mb-1-25: 1.25rem;
  --mb-1-5: 1.5rem;
  --mb-2: 2rem;
  --mb-2-5: 2.5rem;


  @media screen and (min-width: 968px) {
    --biggest-font-size: 4rem;
    --h1-font-size: 2.25rem;
    --h2-font-size: 1.75rem;
    --h3-font-size: 1.25rem;
    --normal-font-size: 1rem;
    --small-font-size: .875rem;
    --smaller-font-size: .813rem;
  }



  /*========== z index ==========*/
  --z-tooltip: 10;
  --z-fixed: 100;

  /*========== Hover overlay ==========*/
  --img-transition: .3s;
  --img-hidden: hidden;
  --img-scale: scale(1.1);
}


.cl:after{
  content:"";
  display:block;
  overflow:hidden;
  clear:both;
  height:0;
  visibility:hidden;
}

.cl{
  zoom:1;
}

.Flex{
  display: flex;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
}

.clearfix:before,.clearfix:after {
  content:"";
  display:table;
}
.clearfix:after{clear:both;}
.clearfix{
  *zoom:1;/*IE/7/6*/
}

.fl {
  float: left;
}
.fr {
  float: right;
}

//字体

.--biggest-font-size {
  font-size: var(--biggest-font-size);
}
.--h1-font-size {
  font-size: var(--h1-font-size);
}
.--h2-font-size {
  font-size: var(--h2-font-size);
}
.--h3-font-size {
  font-size: var(--h3-font-size);
}
.--normal-font-size {
  font-size: var(--normal-font-size);
}
.--small-font-size {
  font-size: var(--small-font-size);
}
.--smaller-font-size {
  font-size: var(--smaller-font-size);
}


.p-d {
  padding: 11px;
}
.p-l {
  padding-left: 11px;
}

.p-r {
  padding-right: 11px;
}

.p-t {
  padding-top: 11px;
}

.p-b {
  padding-bottom: 11px;
}
.m-d {
  margin: 11px;
}
.m-l {
  margin-left: 11px;
}

.m-r {
  margin-right: 11px;
}

.m-t-6 {
  margin-top: 6px;
}
.m-t {
  margin-top: 6px;
}

.f-l {
  text-align: left;
}
.f-c {
  text-align: center;
}
.f-r {
  text-align: right;
}

// 文章相关 end

